<template>
  <view class="empty">
    <image src="../../static/empty.png" mode="widthFix" :style="calcStyle" />
    <text>哎呀~暂时还没有数据哦~</text>
  </view>
</template>
<script>
export default {
  components: {},
  props: {
    width: {
      type: Number,
      default: 0,
    },
    height: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {}
  },
  computed: {
    calcStyle() {
      if ((this.width > 0) & (this.height > 0)) {
        return `width:${this.width}rpx;height:${this.height}rpx;`
      } else {
        return ``
      }
    },
  },
  watch: {},
  created() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.empty {
  width: 100%;
  height: 100%;

  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;

  box-sizing: border-box;
  padding-top: 177rpx;

  image {
    width: 314rpx;
    // height: 230rpx;
  }

  text {
    height: 28rpx;
    font-size: 28rpx;
    font-family: "阿里巴巴普惠体 2.0 55 Regular", "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti,
      MingLiu;
    font-weight: 500;
    color: #999999;

    margin-top: 84rpx;
  }
}
</style>
